<mg-page>
    <mg-header>
        <h3 class="title">{{title}}</h3>
    </mg-header>

    <mg-content class="has-nav-tabs">
        home test is right

        <div class="list">
            <div class="item label-left item-input">
                <label class="label">测试</label>
                <input type="text" v-model="input" placeholder="数据同步测试">
            </div>
        </div>

        <button @tap="testInputOne" class="button button-block">click test</button>

        <div class="list allact">
            <div class="item">001</div>
            <div class="item">002</div>
            <div class="item">003</div>
            <div class="item">004</div>
            <div class="item">005</div>
            <div class="item">006</div>
            <div class="item">007</div>
            <div class="item">008</div>
            <div class="item">009</div>
            <div class="item">010</div>
        </div>

        <a @tap="testInputOne" class="button btnInput">tap test 1</a>
        <a @tap="testInputTwo" class="button btnInput">tap test 2</a>

        <a href="javascript:;" class="button button-block margin">test active</a>

        <button link="#user/home" class="margin button button-block">
            <p>test p button</p>
        </button>

        <a @tap="modal.view.input = 456" class="button button-block">set 456</a>

        <a @tap="alert" class="button button-block">alert</a>

        <a @tap="showUser" class="button button-block">modal user</a>
    </mg-content>

    <mg-nav-tabs>
        <a class="tab-item">Home</a>
        <a class="tab-item">Shop</a>
        <a class="tab-item">User</a>
    </mg-nav-tabs>
    <mg-modal page="user/home" handle="modal" view="view"></mg-modal>
</mg-page>